<template>
  <a-breadcrumb>
    <a-breadcrumb-item v-for="item in list" :key="item.path" style="user-select: none">
      <a-link :to="item.path">{{ item.title }}</a-link>
    </a-breadcrumb-item>
  </a-breadcrumb>
</template>
<script lang="ts" setup>
import { PropType } from 'vue'

import { BreadcrumbType } from '@/utils/routes'
import ALink from '@/components/ALink/index.vue'

const props = defineProps({
  list: {
    type: Array as PropType<BreadcrumbType[]>,
    default: () => {
      return []
    },
  },
})

// export default defineComponent({
//   name: "BreadCrumbs",
//   props: {
//     list: {
//       type: Array as PropType<BreadcrumbType[]>,
//       default: () => {
//         return []
//       },
//     },
//   },
//   components: {
//     ALink,
//   },
//   setup(): any {
//     return {}
//   },
// })
</script>
